﻿<!DOCTYPE html>
<html>
  <head>
    <title>1. 闹钟首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1__闹钟首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/1__闹钟首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片 ) -->
      <div id="u151" class="ax_default _图片_">
        <img id="u151_img" class="img " src="images/1__闹钟首页/u151.png"/>
        <div id="u151_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- shouji (矩形) -->
      <div id="u152" class="ax_default box_1" data-label="shouji">
        <div id="u152_div" class=""></div>
        <div id="u152_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u153" class="ax_default label">
        <div id="u153_div" class=""></div>
        <div id="u153_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 11:48&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u154" class="ax_default _一级标题">
        <div id="u154_div" class=""></div>
        <div id="u154_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u155" class="ax_default _一级标题">
        <div id="u155_div" class=""></div>
        <div id="u155_text" class="text ">
          <p><span>起床记录</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u156" class="ax_default _一级标题">
        <div id="u156_div" class=""></div>
        <div id="u156_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u157" class="ax_default _一级标题">
        <div id="u157_div" class=""></div>
        <div id="u157_text" class="text ">
          <p><span>11:48:47</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u158" class="ax_default label">
        <div id="u158_div" class=""></div>
        <div id="u158_text" class="text ">
          <p><span>本地时间:2020年11月1日</span></p>
        </div>
      </div>

      <!-- Unnamed (下拉列表) -->
      <div id="u159" class="ax_default droplist">
        <div id="u159_div" class=""></div>
        <select id="u159_input" class="u159_input">
          <option class="u159_input_option" selected value="中国">中国</option>
          <option class="u159_input_option" value="美国">美国</option>
          <option class="u159_input_option" value="瑞士">瑞士</option>
          <option class="u159_input_option" value="俄罗斯">俄罗斯</option>
          <option class="u159_input_option" value="添加更多...">添加更多...</option>
        </select>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u160" class="ax_default ellipse">
        <img id="u160_img" class="img " src="images/1__闹钟首页/u160.svg"/>
        <div id="u160_text" class="text ">
          <p><span>＋</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u161" class="ax_default _一级标题">
        <div id="u161_div" class=""></div>
        <div id="u161_text" class="text ">
          <p><span>07:05</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u162" class="ax_default label">
        <div id="u162_div" class=""></div>
        <div id="u162_text" class="text ">
          <p><span>周一 周五 丨 19时6分钟后响铃</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u163" class="ax_default _一级标题">
        <div id="u163_div" class=""></div>
        <div id="u163_text" class="text ">
          <p><span>08:05</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u164" class="ax_default label">
        <div id="u164_div" class=""></div>
        <div id="u164_text" class="text ">
          <p><span>周一 周四 </span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u165" class="ax_default" data-left="399" data-top="433" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u166" class="ax_default _形状">
          <div id="u166_div" class=""></div>
          <div id="u166_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u167" class="ax_default _形状">
          <div id="u167_div" class=""></div>
          <div id="u167_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u168" class="ax_default" data-left="396" data-top="538" data-width="51" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u169" class="ax_default _形状">
          <div id="u169_div" class=""></div>
          <div id="u169_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u170" class="ax_default _形状">
          <div id="u170_div" class=""></div>
          <div id="u170_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u171" class="ax_default _一级标题">
        <div id="u171_div" class=""></div>
        <div id="u171_text" class="text ">
          <p><span>闹钟首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u172" class="ax_default box_1">
        <img id="u172_img" class="img " src="images/1__闹钟首页/u172.svg"/>
        <div id="u172_text" class="text ">
          <p><span>1. 打开APP进入到百变闹钟APP首页，默认进入【闹钟】界面</span></p><p><span><br></span></p><p><span>2. 导航栏有【闹钟】、【起床记录】、【设置】三个界面</span></p><p><span>&nbsp;&nbsp;&nbsp; 通过点击或者是左右滑动界面进入对应的页面</span></p><p><span><br></span></p><p><span>3. 导航栏下方是时钟时区显示区域。时钟显示时、分、秒三个维度，下方提示本地时间，有年月日三个维度</span></p><p><span>&nbsp;&nbsp;&nbsp; 时钟显示右方是时区选择下拉菜单，点击时区向下展开下拉菜单，滑动下拉菜单，通过点击选择时区</span></p><p><span>&nbsp;&nbsp;&nbsp; 时钟显示随时区改变自动调整</span></p><p><span><br></span></p><p><span>4. 时钟下方是设定闹钟显示，包括了开启和未开启的闹钟</span></p><p><span>&nbsp;&nbsp;&nbsp; 闹钟显示闹钟时间、重复频率以及剩下时间</span></p><p><span>&nbsp;&nbsp;&nbsp; 通过点击闹钟显示右方按钮进行关闭和开启，关闭按钮整体呈现灰色，开启按钮整体呈现蓝色</span></p><p><span><br></span></p><p><span>5. 通过点击页面正下方蓝色加号圆形按钮添加闹钟以及进行简单设置</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
